import React, { Component } from 'react';

class Suib extends Component {
    render() {
        const tuichu = () => {
            if(window.confirm('确实要退出吗?')){
                 localStorage.clear();
            // console.log(this.props);
            window.location.replace("/login")
        
            }
           
        }
        return (
            <div>
            <div style={{float: 'left',marginLeft:'40px'}}>
            < img src= {require ('../../assets/Image/logo1.png')} />
            </div>
               <p style={{float: 'left',marginLeft:'20px',fontFamily:"楷体",fontSize:'22px',fontWeight:'700'}}>智慧农业管理系统</p>
               <div style={{float:'right',marginRight:'40px'}}>

               <span style={{marginRight:'20px'}}> < img src= {require ('../../assets/Image/yuanquan.png')} /></span>
               <span style={{marginRight:'20px'}}>< img src= {require ('../../assets/Image/shezhi.png')} /></span>
               <span style={{marginRight:'20px'}}>< img src= {require ('../../assets/Image/xiaoxi.png')} /></span>
               <span style={{marginRight:'20px'}} >< img src= {require ('../../assets/Image/tuichu.png')} onClick={()=>{tuichu()}}/></span>
                   </div>
            </div>
        );
    }
}

export default Suib;
